.commentBox {
    width: 100vw;
    height: 100vh;
    display: flex;
    /* 三段式 */
    flex-direction: column;
    justify-content: center;
}

.commentHeader {
    width: 100%;
    height: 45px;
}

.commentMain {
    flex: 1;
    overflow: scroll;
}

.commentFotter {
    width: 100%;
    height: 45px;
}

.commentUser {
    width: 100%;
    height: 15vh;
}

.commentUserFind {
    width: 90%;
    height: 100%;
    margin-left: 5%;
    display: flex;
    /* 左右布局 */
    flex-direction: row;
    flex-direction: space-between;
}


.commentUserFindLeft {
    flex: 1;
}

.commentUserFindRight {
    flex: 3;
    
}

.commentUserFinRightS {
    width: 100%;
    height: 100%;
    display: flex;
    /* 上下布局 */
    flex-direction: column;
    flex-direction: space-between;
}

.commentUserFindLeftImg {
    width: 100%;
    height: 100%;
}

.commentUserFinRightTop {
    width: 100%;
    height: 50%;
}

.commentUserFinRightBottom {
    width: 100%;
    height: 50%;
}

.commentUserFinRightTopText {
    width: 100%;
    height: 50%;
    line-height: 25px;
}

.textName{
font-weight: bold;
    font-size: 19px;
}

.texnse{
    float: right;
    color: blue;
}


.commentTab{
    width: 100%;
    height: 100%;
}

.commentTabBox{
    width: 90%;
    height: 100%;
    margin-left: 5%;
}